<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/shoppingCar.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>
<body>
    <!-- 最大那个盒子 -->
    <div class="app">
        <!-- 头部 -->
         <div class="top">
            <!-- 返回 -->
            <p>
                <span class="iconfont icon-fanhui"></span>
                <span>返回</span>
            </p>
            <!-- 中间文字 -->
             <p>LeFUN</p>
             <!-- 右侧 更多... -->
              <p>
                <span class="iconfont icon-gengduo"></span>
              </p>
         </div>
         <!-- 中间 -->
        <ul class="main">
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
            <li>首页</li>
        </ul>
        <!-- 底部 -->
         <div class="bottom">
            <!-- 下面的 左侧 -->
            <div class="bottom_left">
                <!-- 左侧的 上面 -->
                <div class="bottom_left_top">
                    <p>
                        <input type="radio"> 全选
                    </p>
                    <p style="color: #4bbdcb;">
                        总额：￥798
                    </p>
                </div>
                <!-- 左侧的 下面 -->
                <ul class="bottom_left_bottom">
                    <li>
                        <span class="iconfont icon-zhuye"></span>
                        <span>主页</span>
                    </li>
                    <li>
                        <span class="iconfont icon-zhuye"></span>
                        <span>主页</span>
                    </li>
                    <li>
                        <span class="iconfont icon-zhuye"></span>
                        <span>主页</span>
                    </li>
                    <li>
                        <span class="iconfont icon-zhuye"></span>
                        <span>主页</span>
                    </li>
                </ul>
            </div>
            <!-- 下面的 右侧 -->
            <div class="bottom_right"></div>
         </div>
    </div>
</body>
</html>